<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/qpjc.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/validform.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/jquery-ui.min.css"/>
		<script src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js"></script>
		<script src="__PUBLIC__/midi/js/public.js"></script>
		<script src="__PUBLIC__/midi/js/swiper-3.4.2.jquery.min.js"></script>
		<script src="__PUBLIC__/midi/js/validform.js"></script>
		<script src="__PUBLIC__/midi/js/jquery-ui.min.js"></script>
	</head>
	<body>
		<!--头部导航栏开始-->
		<include file="Public/header" />
		<!--头部导航栏结束-->
		<!--视频页的详细信息-->
		<div class="shipin-datails">
			<div class="con">
				<div class="inner">
					<i></i>
				    <span>当前位置：首页 &gt; 曲谱教程</span>
				</div>
			</div>
		</div>
		<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：首页&gt; 曲谱教程</span>
			   </div>
		    </div>
		<!--视频页的详细信息结束-->
		<!--乐器考级-->
		<div class="yqkj">
			<div class="con">
				<div class="inner">
					<div class="yqkj-left">
						<a>选择种类:</a>
					</div>
					<div class="yqkj-right">

						<div class="right-item <if condition="$type eq 1">select</if>"  >
							<div class="right-item-top" type="1" >
								<span>电吉他</span>
							</div>
						</div>
						<div class="right-item <if condition="$type eq 2">select</if>"  >
							<div class="right-item-top" type="2" >
								<span>爵士鼓</span>
							</div>
						</div>
						<div class="right-item <if condition="$type eq 3">select</if>" >
							<div class="right-item-top" type="3" >
								<span>电贝司</span>
							</div>
						</div>
					</div>
				    <div style="clear: both;"></div>
				</div>
			</div>
		</div>
		<!--乐器考级结束-->
		<!--曲谱教程页的主要内容-->
		<div class="qpjc">
			<div class="con">
				<div class="inner">
					<foreach name="data" item="vo">
						<div class="qpjc-item">
							<div class="qpjc-item-left">
								<img src="__ROOT__{$vo['goods_pic']}"/>
							</div>
							<div class="qpjc-item-right">
								<div class="right-in">
									<h3>{$vo['goods_name']}</h3>
									<p class="price">&yen; {$vo['goods_price']}</p>
									<div class="intro-wrapper">
										<p class="intro">{$vo['goods_introduction']}</p>
									</div>
									<span class="price-mb">&yen;{$vo['goods_price']}</span>
									<a href="{:U('detail',array('id'=>$vo['goods_id']))}">查看详情</a>
								</div>
							</div>
							<div style="clear: both;"></div>
						</div>
					</foreach>

					<!--<div class="qpjc-item ">-->
						<!--<div class="qpjc-item-left">-->
							<!--<img src="__PUBLIC__/midi/img/张岭.jpg"/>-->
						<!--</div>-->
						<!--<div class="qpjc-item-right">-->
							<!--<div class="right-in">-->
								<!--<h3>电吉他一级（入门教程）</h3>-->
							    <!--<p class="price">&yen; 22.00</p>-->
							    <!--<div class="intro-wrapper">-->
							    	<!--<p class="intro">学习电吉他的入门阶段是为刚接触电吉他并-->
							             <!--希望打下牢固基础的您准备的，初学者的年龄可-->
							             <!--以是5岁也可以是50岁，该级的教学或自学主要-->
							             <!--着眼于兴趣培养。学习电吉他的入门阶段是为刚接触电吉他并-->
							             <!--希望打下牢固基础的您准备的，初学者的年龄可-->
							             <!--以是5岁也可以是50岁，该级的教学或自学主要-->
							             <!--着眼于兴趣培养。学习电吉他的入门阶段是为刚接触电吉他并-->
							             <!--希望打下牢固基础的您准备的，初学者的年龄可-->
							             <!--以是5岁也可以是50岁，该级的教学或自学主要-->
							             <!--着眼于兴趣培养。</p>-->
							    <!--</div>-->
							    <!--<span class="price-mb">&yen;22.00</span>-->
							    <!--<a href="spxq.html">查看详情</a>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div style="clear: both;"></div>-->
					<!--</div>-->
					<!--<div class="qpjc-item ">-->
						<!--<div class="qpjc-item-left">-->
							<!--<img src="__PUBLIC__/midi/img/曲谱商品详情图.png"/>-->
						<!--</div>-->
						<!--<div class="qpjc-item-right">-->
							<!--<div class="right-in">-->
								<!--<h3>电吉他一级（入门教程）</h3>-->
							    <!--<p class="price">&yen; 22.00</p>-->
							    <!--<div class="intro-wrapper">-->
							    	<!--<p class="intro">学习电吉他的入门阶段是为刚接触电吉他并-->
							             <!--希望打下牢固基础的您准备的，初学者的年龄可-->
							             <!--以是5岁也可以是50岁，该级的教学或自学主要-->
							             <!--着眼于兴趣培养。</p>-->
							    <!--</div>-->
							    <!--<span class="price-mb">&yen;22.00</span>-->
							    <!--<a href="spxq.html">查看详情</a>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div style="clear: both;"></div>-->
					<!--</div>-->
					<!--<div class="qpjc-item">-->
						<!--<div class="qpjc-item-left">-->
							<!--<img src="__PUBLIC__/midi/img/迷笛club图.png"/>-->
						<!--</div>-->
						<!--<div class="qpjc-item-right">-->
							<!--<div class="right-in">-->
								<!--<h3>电吉他一级（入门教程）</h3>-->
							    <!--<p class="price">&yen; 22.00</p>-->
							    <!--<div class="intro-wrapper">-->
							    	<!--<p class="intro">学习电吉他的入门阶段是为刚接触电吉他并-->
							             <!--希望打下牢固基础的您准备的，初学者的年龄可-->
							             <!--以是5岁也可以是50岁，该级的教学或自学主要-->
							             <!--着眼于兴趣培养。</p>-->
							    <!--</div>-->
							    <!--<span class="price-mb">&yen;22.00</span>-->
							    <!--<a href="spxq.html">查看详情</a>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div style="clear: both;"></div>-->
					<!--</div>-->
				</div>
			</div>
		</div>
		<!--曲谱教程页的主要内容结束-->
	    <script>
	    	$(function(){
	    		
	    		$(".intro-wrapper").each(function(i){
                          var divH = $(this).height();
                          var $p = $("p", $(this)).eq(0);
                          while ($p.outerHeight() > divH) {
                                $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
                            };
                    });
				$('.right-item-top').click(function () {
					var type = $(this).attr('type');
					var url = "{:U('index','','')}";
					location.href = url + '/type/' + type;
                });
	    	})
	    </script>
	</body>
</html>
